html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:微软雅黑; word-break: break-all;
}
html,body{height: 100%; overflow: hidden;background-color: #fff;}
body>.main{overflow-y: auto;}
#app{width:100%;height: 100%;}
[v-cloak] { display: none;}
ul,ol{list-style:none}
a img{border:none;}
.yahei{font-family:微软雅黑; }
a,a:link{text-decoration:none;color: #333}
.default-select{appearance: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-color: transparent;}
.default-button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent}
.default-button::-moz-focus-inner{padding:0}
.default-textarea,.default-input{background:none;padding:0;border:0;-webkit-border-radius:0; resize : none;-moz-border-radius:0;border-radius:0;}
.default-inputNumber[type=number]{appearance: none;-webkit-appearance: none; border: 0;-moz-appearance: textfield;}
.default-inputSearch[type=search]{appearance: none;-webkit-appearance: none; border: 0;}
.default-inputText[type=text]{appearance: none;-webkit-appearance: none; border: 0;}
.default-inputPassword[type=password]{-webkit-text-security:disc;appearance: none;-webkit-appearance: none; border: 0;}
.input-focus:focus{outline:none}
.default-input::-webkit-outer-spin-button,.default-input::-webkit-inner-spin-button {-webkit-appearance: none;}
.inline_div{ display: inline-block;}
.block{ display: block!important;}

/*全局CSS*/
.hide{ display: none;}
.show{ display: block;}
.bgimg_mid{background-position: center; background-repeat: no-repeat;}
.overflow_auto{overflow: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; }
.overflow_hide{overflow: hidden;}

/*字体和背景颜色库*/
.bg-fff{background-color: #fff!important;}
.bg-ccc{background-color: #cccccc!important;}
.bg-f1{background-color: #f1f1f1!important;}
.bg-f7{background-color: #F7F7F7!important;}
.bg-000{background-color: #000000!important;}
.bg-333{background-color: #333333!important;}
.bg-ddd{background-color: #DDDDDD!important;}
.bg-666{background-color: #666666!important;}
.bg-999{background-color: #999999!important;}
.bg-eee{background-color: #EEEEEE!important;}
.bg-f5{background-color: #f5f5f5;}  
.bg-danlv{background-color: #ABD2AD!important;}



.bg-red{background-color: #FF0000!important;}
.bg-orange{background-color: #f8b03f!important;}
.bg-yellow{background-color: #f5bc24!important;}
.bg-green{background-color: #008000 !important;}
.bg-lightgreen{background-color: #90EE90 !important;}
.bg-blue{background-color: #0a669b !important;}
.bg-purple{background-color: #800080 !important;}
.bg-mengban{background-color:rgba(68,68,68,0.6);}

/**********阴影色***********/
.shadow_fff{box-shadow: 0px 2px 3px #fff;}
.shadow_f1{box-shadow: 0px 2px 3px #f1f1f1;}
.shadow_f7{box-shadow: 0px 2px 3px #f7f7f7;}
.shadow_000{box-shadow: 0px 2px 3px #000;}
.shadow_333{box-shadow: 0px 2px 3px #333;}
.shadow_ddd{box-shadow: 0px 2px 3px #ddd;}
.shadow_666{box-shadow: 0px 2px 3px #666;}
.shadow_999{box-shadow: 0px 2px 3px #999;}

.shadow_red{box-shadow: 0px 2px 3px #FF0000;}
.shadow_orange{box-shadow: 0px 2px 3px #f8b03f;}
.shadow_yellow{box-shadow: 0px 2px 3px #f5bc24;}
.shadow_green{box-shadow: 0px 2px 3px #008000;}
.shadow_lightgreen{box-shadow: 0px 2px 3px #90EE90;}
.shadow_purple{box-shadow: 0px 2px 3px #800080;}
.shadow_orange{box-shadow: 0px 2px 3px #f8b03f;}


/*字体样式库*/
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.font-w5{ font-weight: 500;}
.font-w6{ font-weight: bold;}
.color-ccc{ color:#ccc!important;}
.color-eee{ color:#eee!important;}
.color-fff{color:#fff!important;}
.color-000{color: #000!important;}
.color-333{ color:#333!important;}
.color-555{ color:#555!important;}
.color-666{ color:#666!important;}
.color-999{ color:#999!important;}
.color-parent{color:inherit!important;}


.color-red{color: #f35e57!important;}
.color-orange{color: #f8b03f!important;}
.color-yellow{color: #f5bc24!important;}
.color-green{color: #32c52a!important;}
.color-lightgreen{color:#90EE90!important;}
.color-blue{color: #3569c5!important;}
.color-gray{color: #999999!important;}


.font0{font-size: 0px!important;}
.font10{font-size: 10px!important;}
.font12{font-size: 12px!important;}
.font14{font-size: 14px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px!important;}
.font20{font-size: 20px!important;}
.font24{font-size: 24px!important;}
.font26{font-size: 26px!important;}
.font30{font-size: 30px!important;}
.font32{font-size: 32px!important;}
.font34{font-size: 34px!important;}
.font36{font-size: 36px!important;}
.font38{font-size: 38px!important;}
.font40{font-size: 40px!important;}
.font42{font-size: 42px!important;}
.font44{font-size: 44px!important;}
.font46{font-size: 46px!important;}


/*width,height */
.wid_5{width: 5%!important;overflow-x: hidden;}
.wid_10{width: 10%!important;overflow-x: hidden;}
.wid_20{width: 20%!important;overflow-x: hidden;}
.wid_25{width: 25%!important;overflow-x: hidden;}
.wid_30{width: 30%!important;overflow-x: hidden;}
.wid_40{width: 40%!important;overflow-x: hidden;}
.wid_45{width: 45%!important;overflow-x: hidden;}
.wid_50{width: 50%!important;overflow-x: hidden;}
.wid_55{width: 55%!important;overflow-x: hidden;}
.wid_60{width: 60%!important;overflow-x: hidden;}
.wid_70{width: 70%!important;overflow-x: hidden;}
.wid_75{width: 75%!important;overflow-x: hidden;}
.wid_80{width: 80%!important;overflow-x: hidden;}
.wid_90{width: 90%!important;overflow-x: hidden;}
.wid_100{width:100%!important;overflow-x: hidden;}


.wid14{width: 14px;overflow-x: hidden;}
.wid20{width: 20px;overflow-x: hidden;}
.wid24{width: 24px;overflow-x: hidden;}
.wid28{width: 28px;overflow-x: hidden;}
.wid30{width: 30px;overflow-x: hidden;}
.wid35{width: 35px;overflow-x: hidden;}
.wid60{width: 60px;overflow-x: hidden;}
.wid80{width: 80px;overflow-x: hidden;}
.wid100{width: 100px;overflow-x: hidden;}
.wid120{width: 120px;overflow-x: hidden;}
.wid150{width: 150px;overflow-x: hidden;}
.wid180{width: 180px;overflow-x: hidden;}
.wid200{width: 200px;overflow-x: hidden;}
.wid250{width: 250px;overflow-x: hidden;}

.hgt18{ height: 18px!important;overflow-y: hidden;}
.hgt20{ height: 20px!important;overflow-y: hidden;}
.hgt24{ height: 24px!important;overflow-y: hidden;}
.hgt25{ height: 25px!important;overflow-y: hidden;}
.hgt26{ height: 26px!important;overflow-y: hidden;}
.hgt30{ height: 30px!important;overflow-y: hidden;}
.hgt32{ height: 32px!important;overflow-y: hidden;}
.hgt35{ height: 35px!important;overflow-y: hidden;}
.hgt40{ height: 40px!important;overflow-y: hidden;}
.hgt42{ height: 42px!important;overflow-y: hidden;}
.hgt45{ height: 45px!important;overflow-y: hidden;}
.hgt50{ height: 50px!important;overflow-y: hidden;}
.hgt60{ height: 60px!important;overflow-y: hidden;}
.hgt70{ height: 70px!important;overflow-y: hidden;}
.hgt80{ height: 80px!important;overflow-y: hidden;}
.hgt90{ height: 90px!important;overflow-y: hidden;}
.hgt100{ height: 100px!important;overflow-y: hidden;}
.hgt150{ height: 150px!important;overflow-y: hidden;}
.hgt250{ height: 250px!important;overflow-y: hidden;}
.hgt_25{ height: 25%!important;overflow-y: hidden;}
.hgt_50{ height: 50%!important;overflow-y: hidden;}
.hgt_60{ height: 60%!important;overflow-y: hidden;}
.hgt_70{ height: 70%!important;overflow-y: hidden;}
.hgt_80{ height: 80%!important;overflow-y: hidden;}
.hgt_90{ height: 90%!important;overflow-y: hidden;}
.hgt_100{ height: 100%!important;} 
.hgt_full{ height: 100%!important;overflow-y: hidden;} 

/*****行高******/

.l-h-20{
    line-height: 20px;
}
.l-h-24{
    line-height: 24px;
}
.l-h-25{
    line-height: 25px;
}
.l-h-30{
    line-height: 30px;
}
.l-h-35{
    line-height: 35px;
}
.l-h-40{
    line-height: 40px;
}
.l-h-45{
    line-height: 45px;
}
.l-h-50{
    line-height: 50px;
}
.l-h-60{
    line-height: 60px;
}
/*对齐,浮动*/
.relative{position: relative;}
.abolute{position: absolute;}
.vertical_mid{ vertical-align: middle;}
.text-left{text-align: left!important;}
.text-center{text-align: center!important;}
.text-right{text-align: right!important;}

/*margin,padding 相关*/
.m-b-no{ margin-bottom: 0!important;}
.m-t-no{ margin-top: 0!important;}
.m-l-no{ margin-left:0!important ;}
.m-r-no{ margin-right: 0!important;}

.marg0{ margin: 0!important;}
.marg5{ margin: 5px!important;}
.marg10{ margin: 10px!important;}
.marg15{ margin: 15px!important;}
.marg20{ margin: 20px!important;}
.marg25{ margin: 25px!important;}
.marg30{ margin: 30px!important;}

.m-l-5{margin-left: 5px!important;}
.m-l-10{margin-left: 10px!important;}
.m-l-12{margin-left: 12px!important;}
.m-l-15{margin-left: 15px!important;}
.m-l-20{margin-left: 20px!important;}
.m-l-25{margin-left: 25px!important;}
.m-l-30{margin-left: 30px!important;}
.m-l-40{margin-left: 40px!important;}
.m-r-5{margin-right: 5px!important;}
.m-r-10{margin-right: 10px!important;}
.m-r-12{margin-right: 12px!important;}
.m-r-15{margin-right: 15px!important;}
.m-r-20{margin-right: 20px!important;}
.m-r-25{margin-right: 25px!important;}
.m-r-30{margin-right: 30px!important;}
.m-t-5{margin-top: 5px!important;}
.m-t-10{margin-top: 10px!important;}
.m-t-15{margin-top: 15px!important;}
.m-t-20{margin-top: 20px!important;}
.m-t-25{margin-top: 25px!important;}
.m-t-30{margin-top: 30px!important;}
.m-t-35{margin-top: 35px!important;}
.m-t-40{margin-top: 40px!important;}
.m-t-45{margin-top: 45px!important;}
.m-t-50{margin-top: 50px!important;}
.m-b-5{margin-bottom: 5px!important;}
.m-b-10{margin-bottom: 10px!important;}
.m-b-15{margin-bottom: 15px!important;}
.m-b-20{margin-bottom: 20px!important;}
.m-b-25{margin-bottom: 25px!important;}
.m-b-30{margin-bottom: 30px!important;}

.m-v-5{margin-top: 5px!important;margin-bottom: 5px!important;}
.m-v-10{margin-top: 10px!important;margin-bottom: 10px!important;}
.m-v-15{margin-top: 15px!important;margin-bottom: 15px!important;}
.m-v-20{margin-top: 20px!important;margin-bottom: 20px!important;}
.m-v-25{margin-top: 25px!important;margin-bottom: 25px!important;}
.m-v-30{margin-top: 30px!important;margin-bottom: 30px!important;}

.m_both5{margin-left: 5px!important;margin-right: 5px!important;}
.m_both10{margin-left: 10px!important;margin-right: 10px!important;}
.m_both15{margin-left: 15px!important;margin-right: 15px!important;}
.m_both20{margin-left: 20px!important;margin-right: 20px!important;}
.m_both25{margin-left: 25px!important;margin-right: 25px!important;}
.m_both30{margin-left: 30px!important;margin-right: 30px!important;}
.m_both50{margin-left: 50px!important;margin-right: 50px!important;}


.p-l-no{ padding-left: 0!important;}
.p-r-no{ padding-right: 0!important;}
.p-t-no{ padding-top: 0!important;}
.p-b-no{ padding-bottom: 0!important;}

.p-v-5{
    padding-top:5px;
    padding-bottom:5px;
}
.p-v-10{
    padding-top:10px;
    padding-bottom:10px;
}
.p-v-15{
    padding-top:15px;
    padding-bottom:15px;
}
.p-v-20{
    padding-top:20px;
    padding-bottom:20px;
}
.p-v-25{
    padding-top:25px;
    padding-bottom:25px;
}
.p-v-30{
    padding-top:30px;
    padding-bottom:30px;
}

.p-l-5{ padding-left:5px!important;}
.p-l-10{ padding-left:10px!important;}
.p-l-12{ padding-left:12px!important;}
.p-l-15{ padding-left:15px!important;}
.p-l-20{ padding-left:20px!important;}
.p-l-25{ padding-left:25px!important;}
.p-l-30{ padding-left:30px!important;}
.p-l-35{ padding-left:35px!important;}
.p-l-40{ padding-left:40px!important;}
.p-l-45{ padding-left:45px!important;}
.p-l-50{ padding-left:50px!important;}

.p-r-5{ padding-right:5px!important;}
.p-r-10{ padding-right:10px!important;}
.p-r-12{ padding-right:12px!important;}
.p-r-15{ padding-right:15px!important;}
.p-r-20{ padding-right:20px!important;}
.p-r-25{ padding-right:25px!important;}
.p-r-30{ padding-right:30px!important;}
.p-r-35{ padding-right:35px!important;}
.p-r-40{ padding-right:40px!important;}
.p-r-45{ padding-right:45px!important;}
.p-r-50{ padding-right:50px!important;}

.p-t-5{ padding-top:5px!important;}
.p-t-10{ padding-top:10px!important;}
.p-t-15{ padding-top:15px!important;}
.p-t-20{ padding-top:20px!important;}
.p-t-25{ padding-top:25px!important;}
.p-t-30{ padding-top:30px!important;}
.p-t-35{ padding-top:35px!important;}
.p-t-40{ padding-top:40px!important;}
.p-t-45{ padding-top:45px!important;}
.p-t-50{ padding-top:50px!important;}
.p-t-full{padding-top: 100%!important;}

.p-b-5{ padding-bottom:5px!important;}
.p-b-10{ padding-bottom:10px!important;}
.p-b-15{ padding-bottom:15px!important;}
.p-b-20{ padding-bottom:20px!important;}
.p-b-25{ padding-bottom:25px!important;}
.p-b-30{ padding-bottom:30px!important;}
.p-b-35{ padding-bottom:35px!important;}
.p-b-40{ padding-bottom:40px!important;}
.p-b-45{ padding-bottom:45px!important;}
.p-b-50{ padding-bottom:50px!important;}


.pad5{padding: 5px!important;}
.pad10{padding: 10px!important;}
.pad15{padding: 15px!important;}
.pad20{padding: 20px!important;}
.pad25{padding: 25px!important;}
.pad30{padding: 25px!important;}
.pad35{padding: 35px!important;}
.pad40{padding: 40px!important;}
.pad0 {  padding: 0 !important  }
.p_both5{ padding-left: 5px; padding-right: 5px;}
.p_both10{ padding-left: 10px; padding-right: 10px;}
.p_both15{ padding-left: 15px; padding-right: 15px;}
.p_both20{ padding-left: 20px; padding-right: 20px;}
.p_both25{ padding-left: 25px; padding-right: 25px;}
.p_both30{ padding-left: 30px; padding-right: 30px;}


/*radius*/
.radius0{ border-radius: 0;}
.radius2{ border-radius: 2px;}
.radius3{ border-radius: 3px;}
.radius4{ border-radius: 4px;}
.radius5{ border-radius: 5px;}
.radius6{ border-radius: 6px;}
.radius7{ border-radius: 7px;}
.radius8{ border-radius: 8px;}
.radius9{ border-radius: 9px;}
.radius10{ border-radius: 10px;}
.radius_half{border-radius: 50%;}


/*border*/
.border0{border:none!important}
.border1{border-width: 1px!important;}
.border2{border-width: 2px!important;}
.border3{border-width: 3px!important;}
.border4{border-width: 4px!important;}
.border5{border-width: 5px!important;}
.border6{border-width: 6px!important;}
.border7{border-width: 7px!important;}
.border8{border-width: 8px!important;}
.border9{border-width: 9px!important;}
.border10{border-width: 10px!important;}
/*****用于控制checkbox 切换标记的大小*****/
.beforeborder0:before{border:none!important}
.beforeborder1:before{border-width: 1px!important;}
.beforeborder2:before{border-width: 2px!important;}
.beforeborder3:before{border-width: 3px!important;}
.beforeborder4:before{border-width: 4px!important;}
.beforeborder5:before{border-width: 5px!important;}
.beforeborder6:before{border-width: 6px!important;}
.beforeborder7:before{border-width: 7px!important;}
.beforeborder8:before{border-width: 8px!important;}
.beforeborder9:before{border-width: 9px!important;}
.beforeborder10:before{border-width: 10px!important;}

.afterborder0:after{border:none!important}
.afterborder1:after{border-width: 1px!important;}
.afterborder2:after{border-width: 2px!important;}
.afterborder3:after{border-width: 3px!important;}
.afterborder4:after{border-width: 4px!important;}
.afterborder5:after{border-width: 5px!important;}
.afterborder6:after{border-width: 6px!important;}
.afterborder7:after{border-width: 7px!important;}
.afterborder8:after{border-width: 8px!important;}
.afterborder9:after{border-width: 9px!important;}
.afterborder10:after{border-width: 10px!important;}



.border-333{ border: 1px solid #333!important;border-color:#333}
.border-555{ border: 1px solid #555!important;border-color:#555}
.border-666{ border: 1px solid #666!important;border-color:#666}
.border-999{ border: 1px solid #999!important;border-color:#999}
.border-ccc{ border: 1px solid #ccc!important;border-color:#ccc}
.border-eee{ border: 1px solid #eee!important;border-color:#eee}
.border-ddd{ border: 1px solid #ddd!important;border-color:#ddd}
.border-blue{border: 1px solid #0a669b!important;border-color:#0a669b}
.border-green{border: 1px solid #008000!important;border-color:#008000}
.border-red{border: 1px solid #FF0000!important;border-color:#FF0000}
.border-yellow{border: 1px solid #f5bc24!important;border-color:#f5bc24}
.border-orange{border: 1px solid #FFA500!important; border-color:#FFA500}


.border-t-ccc{border-top: 1px solid #ccc!important;}
.border-b-ccc{border-bottom: 1px solid #ccc!important;}
.border-t-ddd{border-bottom: 1px solid #ddd!important;}
.border-b-ddd{border-bottom: 1px solid #ddd!important;}
.border-t-eee{border-top: 1px solid #eee!important;}
.border-b-eee{border-bottom: 1px solid #eee!important;}

.border-l-ccc{border-left: 1px solid #ccc!important;}
.border-r-ccc{border-right: 1px solid #ccc!important;}
.border-l-ddd{border-left: 1px solid #ddd!important;}
.border-r-ddd{border-right: 1px solid #ddd!important;}
.border-l-eee{border-left: 1px solid #eee!important;}
.border-r-eee{border-right: 1px solid #eee!important;}

.border-t-no{border-top: none;}
.border-b-no{border-bottom: none;}
.border-l-no{border-top: none;}
.border-r-no{border-bottom: none;}
.border0{border:none!important}

.border-t-initial{border-top:1px solid transparent;border-top-color: initial;}
.border-b-initial{border-bottom:1px solid transparent;border-bottom-color: initial;}
.border-l-initial{border-top:1px solid transparent;border-left-color: initial;}
.border-r-initial{border-right:1px solid transparent;border-right-color: initial;}

.borderColor-ccc{border-color:#ccc;}
.borderColor-ddd{border-color:#ddd;}
.borderColor-eee{border-color:#eee;}
.borderColor-333{border-color:#333;}
.borderColor-666{border-color:#666;}
.borderColor-999{border-color:#999;}
.borderColor-fff{border-color:#fff;}


/*******单纯设置边框颜色*******/
.borderColor-333{border-color:#333;}
.borderColor-555{border-color:#555;}
.borderColor-666{border-color:#666;}
.borderColor-999{border-color:#999;}
.borderColor-ccc{border-color:#ccc;}
.borderColor-eee{border-color:#eee;}
.borderColor-ddd{border-color:#ddd;}
.borderColor-blue{border-color:#0a669b;}
.borderColor-green{border-color:#008000;}
.borderColor-red{border-color:#FF0000;}
.borderColor-yellow{border-color:#f5bc24;}
.borderColor-orange{border-color:#FFA500;}


/*多行超出文字显示'...'*/
.only_line{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.line1{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.line2{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{text-overflow: ellipsis;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

/*flex布局*/
.flex_dom{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;}
.flex_column{display: flex!important;display: -webkit-box!important;display: -webkit-flex!important;flex-direction: column;-webkit-flex-direction: column;}
.flex_1{flex: 1;-webkit-flex:1;display: block;min-width: 0;}
.flex_2{flex: 2;-webkit-flex:2;display: block;min-width: 0;}
.flex_3{flex: 3;-webkit-flex:3;display: block;min-width: 0;}
.flex_4{flex: 4;-webkit-flex:4;display: block;min-width: 0;}
.flex_5{flex: 5;-webkit-flex:5;display: block;min-width: 0;}
.flex_item_between{justify-content: space-between;-webkit-justify-content: space-between;}
.flex_item_around{justify-content: space-around;-webkit-justify-content: space-around;}
.flex_item_mid{align-items:center;-webkit-align-items: center;}
.flex_item_stretch{align-items: stretch;-webkit-align-items: stretch;}
.flex_wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.column-between{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-between;-webkit-justify-content:space-between;}
.column-around{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-around;-webkit-justify-content:space-around;}
.between{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.column-center-b{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.column-center-c{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-around;-webkit-justify-content:space-around;align-items:center;-webkit-align-items:center;}
.around-center{display:flex;display:-webkit-flex;justify-content:space-around;align-items:center;-webkit-justify-content:space-around;-webkit-align-items:center;}
.between-center{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;-webkit-justify-content:space-between;-webkit-align-items:center;}
.center{display:flex!important;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.center-end{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end;}
.between-wrap{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.markBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:1;}
.coverImg{background-position:center;background-size:cover;background-repeat:no-repeat;}
.coverImg1{background-position:center;background-size:100% 100%;background-repeat:no-repeat;}





/*三角*/
.sanjiao-top{display: inline-block;border-bottom: 8px solid #000;border-bottom-color:initial; border-left: 5px solid transparent;border-right: 5px solid transparent;}
.sanjiao-bottom{display: inline-block;border-top: 8px solid #000;border-top-color:initial; border-left: 5px solid transparent;border-right: 5px solid transparent;}
.sanjiao-left{display: inline-block;border-right: 8px solid #000;border-right-color:initial; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.sanjiao-right{display: inline-block;border-left: 8px solid #000;border-left-color:initial; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}

/*placeholder*/
.placeholder999::-webkit-input-placeholder{color: #999;}
.placeholder999:-moz-placeholder{color: #999;}
.placeholder999::-moz-placeholder{color: #999;}
.placeholder999:-ms-input-placeholder{color: #999;}
.placeholderccc::-webkit-input-placeholder{color: #ccc;}
.placeholderccc:-moz-placeholder{color: #ccc;}
.placeholderccc::-moz-placeholder{color: #ccc;}
.placeholderccc:-ms-input-placeholder{color: #ccc;}


/*********dom定位*********/
.absolute_mid{position: absolute;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);left:50%;top:50%}
.absolute_left_mid{position: absolute;transform: translateY(-50%);-webkit-transform: translatey(0,-50%);left:0;top:50%}
.absolute_right_mid{position: absolute;transform: translateY(-50%);-webkit-transform: translatey(0,-50%);right:0;top:50%}
.fixed_mid{position: fixed;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);left:50%;top:50%}
.absolute_bottom{position: absolute;left:0;bottom: 0px;width: 100%;}
.fixed_bottom{position: fixed;left:0;bottom: 0px;width: 100%;}
.absolute_top{position: absolute;left:0;top: 0px;width: 100%;}
.fixed_top{position: fixed;left:0;bottom: 0px;width: 100%;}
.absolute_full{position: absolute;width: 100%; height: 100%;left:0px;top:0px}
.fixed_full{position: fixed;width: 100%; height: 100%;left:0%!important;top:0%!important;transition: all 0.2s linear;}
.absolute_leftTop{position: absolute;left:0px;top:0px}
.absolute_rightTop{position: absolute;right:0px;top:0px}
.absolute_leftBottom{position: absolute;left:0px;bottom:0px}
.absolute_rightBottom{position: absolute;right:0px;bottom:0px}
.absolute_leftMid{position: absolute;left:0px;top:50%; transform: translateY(-50%);}
.absolute_rightMid{position: absolute;right:0px;top:50%; transform: translateY(-50%);}

/* ****************定位************************/
.bottom5{bottom: 5px;}
.bottom10{bottom: 10px;}
.bottom15{bottom: 15px;}
.bottom20{bottom: 20px;}
.bottom25{bottom: 25px;}
.bottom30{bottom: 30px;}
.bottom35{bottom: 35px;}
.bottom40{bottom: 40px;}
.bottom45{bottom: 45px;}
.bottom50{bottom: 50px;}
.bottom55{bottom: 55px;}
.bottom60{bottom: 60px;}

.left5{left: 5px;}
.left10{left: 10px;}
.left15{left: 15px;}
.left20{left: 20px;}
.left25{left: 25px;}
.left30{left: 30px;}
.left35{left: 35px;}
.left40{left: 40px;}
.left45{left: 45px;}
.left50{left: 50px;}
.left55{left: 55px;}
.left60{left: 60px;}

.top5{top: 5px;}
.top10{top: 10px;}
.top15{top: 15px;}
.top20{top: 20px;}
.top25{top: 25px;}
.top30{top: 30px;}
.top35{top: 35px;}
.top40{top: 40px;}
.top45{top: 45px;}
.top50{top: 50px;}
.top55{top: 55px;}
.top60{top: 60px;}

.right5{top: 5px;}
.right10{top: 10px;}
.right15{top: 15px;}
.right20{top: 20px;}
.right25{top: 25px;}
.right30{top: 30px;}
.right35{top: 35px;}
.right40{top: 40px;}
.right45{top: 45px;}
.right50{top: 50px;}
.right55{top: 55px;}
.right60{top: 60px;}

.top-1px{top:-1px;position: relative;}
.top-2px{top:-2px;position: relative;}
.top-3px{top:-3px;position: relative;}
.top-4px{top:-4px;position: relative;}
.top-5px{top:-5px;position: relative;}
.top-6px{top:-6px;position: relative;}
.top-7px{top:-7px;position: relative;}
.top-8px{top:-8px;position: relative;}
.top-9px{top:-9px;position: relative;}
.top-10px{top:-10px;position: relative;}